<template>
  <page-body>
    <view class="page">
      <view class="flex benben-position-layout flex flex-wrap align-center userHome_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub userHome_fd0_0' @tap.stop="handleJumpDiy"
          data-type="back" data-url="1">
          <view class='flex flex-wrap align-center userHome_fd0_0_c0'>
            <text class='fu-iconfont2'>&#xe794;</text>
          </view>
          <view class='flex flex-wrap align-stretch justify-center'>
            <text></text>
          </view>
          <view class='flex flex-wrap align-center justify-end userHome_fd0_0_c2'>
            <image class='userHome_fd0_0_c2_c1' style="margin-right: 16rpx;" mode="aspectFit"
              :src='STATIC_URL+"171.png"' @click.stop="popupShow1717472690849=true">
            </image>
            <image class='userHome_fd0_0_c2_c1' mode="aspectFit" :src='STATIC_URL+"166.png"'
              @click.stop="isShow=!isShow">
            </image>
            <view class='flex flex-wrap align-center justify-center userHome_fd0_0_c2_c0'
              @click.stop="popupShow1717403457180=true" v-if="isShow">
              <text class='userHome_fd0_0_c2_c0_c0'>黑名单</text>
            </view>
          </view>
        </view>

      </view>
      <image class='bgggg' mode="aspectFill" @tap.stop="singleImagePreview(userinfo.beijingtu)"
        :src='userinfo.beijingtu'>
        <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
        <!---flex布局flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout userHome_flex_1">
          <view class='flex flex-wrap align-center userHome_fd1_0'>
            <view class='flex flex-direction flex-wrap align-stretch userHome_fd1_0_c0'>
              <view class='flex flex-wrap align-end justify-between userHome_fd1_0_c0_c0'>
                <view class='flex flex-wrap align-center'>
                  <image class='userHome_fd1_0_c0_c0_c0_c0' mode="aspectFill"
                    @tap.stop="singleImagePreview(userinfo.avatar)" :src='userinfo.avatar'></image>
                </view>
                <view class='flex flex-wrap align-center justify-around userHome_fd1_0_c0_c0_c1'>
                  <view class='flex flex-direction flex-wrap align-center justify-center'>
                    <text>{{userinfo.fensiCount || 0}}</text>
                    <text class='userHome_fd1_0_c0_c0_c1_c0_c1'>粉丝</text>
                  </view>
                  <view class='flex flex-direction flex-wrap align-center justify-center'>
                    <text>{{userinfo.followCount || 0}}</text>
                    <text class='userHome_fd1_0_c0_c0_c1_c0_c1'>关注</text>
                  </view>
                  <view class='flex flex-direction flex-wrap align-center justify-center'>
                    <text>{{userinfo.likeCount || 0}}</text>
                    <text class='userHome_fd1_0_c0_c0_c1_c0_c1'>获赞</text>
                  </view>
                  <view class='flex flex-wrap align-center' @click.stop="collect">
                    <!-- <image class='userHome_fd3_0_c0' mode="aspectFit" :src='STATIC_URL+"168.png"'></image> -->
                    <text class='userHome_fd3_0_c1'>{{userinfo.is_follow==0 ? '关注' : '已关'}}</text>
                  </view>
                </view>
              </view>
              <view class='flex flex-wrap align-center justify-between margin-top-sm'>
                <view class='flex flex-wrap align-center'>
                  <text class='userHome_fd1_0_c0_c1_c0_c0'>{{userinfo.remark}}</text>
                  <!-- <image class='userHome_fd1_0_c0_c1_c0_c1' mode="aspectFit" @click.stop="popupShow1717472690849=true"
                  :src='STATIC_URL+"171.png"'></image> -->
                </view>
                <view class='flex flex-wrap align-center userHome_fd1_0_c0_c1_c1' v-if="userinfo.juli">
                  <text>{{userinfo.juli || 0}}</text>
                </view>
              </view>
              <view class='flex align-center text-df company' v-if="userinfo.company_name" @tap.stop="handleJumpDiy"
                data-type="navigateTo"
                :data-url="`/pages/homePage/enterpriseDetails/enterpriseDetails?aid=${userinfo.company_id}`">
                <text class="text-lg">{{userinfo.company_name}}</text>
                <text class='userHome_fd1_0_c0_c2_c1' v-if="userinfo.zhiye ">{{userinfo.zhiye}}</text>
              </view>
              <view v-if="userinfo.user_group != 1" class="margin-top-sm">行业属性：<text
                  v-if="userinfo.freeindustryattributesList.length==0">暂无内容</text>
              </view>
              <view v-if="userinfo.user_group != 1" class="flex align-center justify-between">
                <view class='flex flex-wrap align-center userHome_fd1_0_c0_c3'>
                  <view class='text-cut userHome_fd1_0_c0_c3_c0'
                    v-for="(item,index) in userinfo.freeindustryattributesList" :key="index">{{item.name}}</view>
                </view>
              </view>
              <view v-if="userinfo.user_group != 1" class="">业务范围：<text
                  v-if="userinfo.free_business_tags_list.length==0">暂无内容</text></view>
              <view v-if="userinfo.user_group != 1" class="flex align-start justify-between">
                <view class='flex flex-wrap align-center userHome_fd1_0_c0_c3'>
                  <view class='text-cut userHome_fd1_0_c0_c3_c0' v-if="index<3&&!isMore"
                    v-for="(item,index) in userinfo.free_business_tags_list" :key="index">{{item.name}}</view>
                  <view class='text-cut userHome_fd1_0_c0_c3_c0' v-if="isMore"
                    v-for="(item,index) in userinfo.free_business_tags_list" :key="index">{{item.name}}</view>
                </view>
                <view class="text-999 zhankai" @click="isMore=!isMore" v-if="userinfo.free_business_tags_list.length>3">
                  <image class='zhankai-icon' v-if="!isMore" mode="aspectFill" :src='STATIC_URL+"81.png"'></image>
                  <image class='zhankai-icons' v-else mode="aspectFill" :src='STATIC_URL+"81.png"'></image>
                </view>

              </view>

              <view class='flex flex-wrap align-center'>
                <text class='userHome_fd1_0_c0_c4_c0'>{{userinfo.gexingqianming || '暂无信息'}}</text>
              </view>
            </view>
          </view>
          <view class='flex flex-wrap align-center userHome_fd1_1'>
            <view class='flex flex-wrap align-center userHome_fd1_1_c0'>
              <text class='userHome_fd1_1_c0_c0'>狼头条 {{total}}</text>
            </view>
            <view class='flex flex-wrap align-start userHome_fd1_1_c1' v-for='(item,key0) in dataMessage' :key='key0'
              @tap.stop="handleJumpDiy" data-type="navigateTo"
              :data-url="`/pages/homePage/dongDetail/dongDetail?id=${item.aid}`">
              <image class='userHome_fd1_1_c1_c0' mode="aspectFill" :src='item.avatar'
                @tap.stop="singleImagePreview(item.avatar)"></image>
              <view class='flex flex-direction flex-wrap align-stretch flex-sub userHome_fd1_1_c1_c1'>
                <view class='flex flex-wrap align-center justify-between userHome_fd1_1_c1_c1_c0'>
                  <view class='flex flex-direction flex-wrap align-stretch userHome_fd1_1_c1_c1_c0_c0'>
                    <text class='userHome_fd1_1_c1_c1_c0_c0_c0'>{{item.user_name}}</text>
                    <view class='flex flex-wrap align-center  userHome_fd1_1_c1_c1_c0_c0_c1'>
                      <text v-if="item.company_name"
                        class="userHome_fd1_1_c1_c1_c0_c0_c1_c1 text-lg">{{item.company_name}}</text>
                      <text class=''>{{item.zhiye}}</text>
                    </view>
                  </view>
                  <!-- <view class='flex flex-wrap align-center' @click.stop="collect(item)">
                  <text class='userHome_fd1_1_c1_c1_c0_c1_c0'>{{item.is_follow==0 ? '+关注' : '已关注'}}</text>
                </view> -->
                </view>
                <view class='flex flex-direction flex-wrap align-stretch userHome_fd1_1_c1_c1_c1'>
                  <view class='flex-sub userHome_fd1_1_c1_c1_c1_c0'>
                    <text class='userHome_fd1_1_c1_c1_c1_c0_c0'>{{item.title}}</text>
                  </view>
                </view>
                <view class='flex flex-wrap align-center userHome_fd1_1_c1_c1_c2' v-if="item.postType=='image'">
                  <template v-for='(child,key1) in item.thumb'>
                    <view class='flex flex-wrap align-center userHome_fd1_1_c1_c1_c2_c0' :key='key1'>
                      <image class='userHome_fd1_1_c1_c1_c2_c0_c0' mode="aspectFill" :src='child'
                        @tap.stop="multiImagePreview(child,item.thumb,'')"></image>

                    </view>
                  </template>

                </view>
                <view class='flex flex-wrap align-center userHome_fd1_1_c1_c1_c2' v-if="item.postType=='video'">
                  <view class='flex flex-wrap align-center userHome_fd1_1_c1_c1_c2_c0 position-relative'>
                    <image class='userHome_fd1_1_c1_c1_c2_c0_c0' mode="aspectFill" :src='item.video_img'></image>
                    <image class='playd' mode="aspectFit" :src='STATIC_URL+"playd.png"'></image>
                  </view>

                </view>
                <view class='flex flex-wrap align-center'>
                  <text class='userHome_fd1_1_c1_c1_c3_c0'>{{item.create_time}}</text>
                  <!-- <text class='userHome_fd1_1_c1_c1_c3_c1'>{{item.create_time}}</text> -->
                </view>
                <view class='flex flex-wrap align-center justify-between userHome_fd1_1_c1_c1_c4'>
                  <!-- <view class='flex flex-wrap align-center'>
                    <image class='userHome_fd1_1_c1_c1_c4_c0_c0' mode="aspectFit" :src='STATIC_URL+"158.png"'></image>
                    <text class='userHome_fd1_1_c1_c1_c4_c0_c1'>{{item.share_count }}</text>
                  </view> -->
                  <view class='flex flex-wrap align-center'>
                    <image class='userHome_fd1_1_c1_c1_c4_c0_c0' mode="aspectFit" :src='STATIC_URL+"159.png"'></image>
                    <text class='userHome_fd1_1_c1_c1_c4_c0_c1'>{{item.comment_count }}</text>
                  </view>
                  <view class='flex flex-wrap align-center' @click.stop="like(item)">
                    <image class='userHome_fd1_1_c1_c1_c4_c0_c0' v-if="item.isLike==1" mode="aspectFit"
                      :src='STATIC_URL+"161.png"'></image>
                    <image class='userHome_fd1_1_c1_c1_c4_c0_c0' v-if="item.isLike==0" mode="aspectFit"
                      :src='STATIC_URL+"189.png"'></image>
                    <text class='userHome_fd1_1_c1_c1_c4_c0_c1'>{{item.like_count }}</text>
                  </view>
                </view>
              </view>
            </view>
            <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
              :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
          </view>
        </view>

        <!---flex布局flex布局结束-->
        <benben-popup v-model="popupShow1717403457180" :mask="true" :mask-close-able="true" mode='center'
          :z-index='999'>
          <!---删除弹窗flex布局开始-->
          <view class="flex flex-direction flex-wrap align-center userHome_flex_2">
            <text class='userHome_fd2_0'>提示</text>
            <text class='userHome_fd2_1'>是否确认拉黑该用户，
              拉黑后您可以在黑名单找到该用户</text>
            <view class='flex flex-wrap align-center userHome_fd2_2'>
              <button class='userHome_fd2_2_c0' @click.stop="popupShow1717403457180=false">取消</button>
              <button class='userHome_fd2_2_c1' @click.stop="addBlack">确认拉黑</button>
            </view>
          </view>

          <!---删除弹窗flex布局结束-->

        </benben-popup>
        <!---flex布局flex布局开始-->
        <view class="flex flex-wrap align-center justify-around benben-flex-layout userHome_flex_3"
          v-if="userInfo.id!=id">
          <view class='flex flex-wrap align-center' @click.stop="gochat">
            <image class='userHome_fd3_0_c0' mode="aspectFit" :src='STATIC_URL+"167.png"'></image>
            <text class='userHome_fd3_0_c1'>狼聊</text>
          </view>
          <!-- <view class='flex flex-wrap align-center' @click.stop="collect">
            <image class='userHome_fd3_0_c0' mode="aspectFit" :src='STATIC_URL+"168.png"'></image>
            <text class='userHome_fd3_0_c1'>{{userinfo.is_follow==0 ? '关注' : '已关'}}</text>
          </view> -->
          <view class='flex flex-wrap align-center' @click.stop="goPhone" v-if="userinfo.user_group != 1">
            <image class='userHome_fd3_0_c0' mode="aspectFit" :src='STATIC_URL+"169.png"'></image>
            <text class='userHome_fd3_0_c1'>呼叫</text>
          </view>
        </view>

        <!---flex布局flex布局结束-->
        <benben-popup v-model="popupShow1717403550224" :mask="true" :mask-close-able="false" mode='center'
          :z-index='999'>
          <!---删除弹窗flex布局开始-->
          <view class="flex flex-direction flex-wrap align-center userHome_flex_4">
            <text class='userHome_fd4_0'>提示</text>
            <text class='userHome_fd4_1'>默认{{typeId==1 ? dianhua_coin : liaotian_coin}}个币激活</text>
            <view class='flex flex-wrap align-center userHome_fd4_2'>
              <button class='userHome_fd4_2_c0' @click.stop="popupShow1717403550224=false">取消</button>
              <button class='userHome_fd4_2_c1' @click.stop="goPay">确认</button>
            </view>
          </view>

          <!---删除弹窗flex布局结束-->

        </benben-popup>

        <benben-popup v-model="popupShow1717472690849" :mask="true" :mask-close-able="true" mode='bottom'
          :z-index='999'>
          <!---flex布局flex布局开始-->
          <view class="flex flex-wrap align-center justify-between benben-flex-layout chooseCompany_flex_3">
            <input class='chooseCompany_fd3_0' type="text" :placeholder="$t('请输入')" confirm-type="done" :maxlength="20"
              placeholder-style="color:#999;font-size:28rpx" cursor-spacing="50" v-model="remark" />
            <!-- <input class='chooseCompany_fd3_0' type="text" :placeholder="`请输入`" confirm-type="done" :maxlength="8"
              :adjust-position='true' v-model="remark" placeholder-style="color:#999;font-size:28rpx" /> -->
            <button class='chooseCompany_fd3_1' @click.stop="add">添加</button>
          </view>

          <!---flex布局flex布局结束-->

        </benben-popup>
    </view>
  </page-body>
</template>
<script>
  import {
    validate
  } from '@/common/utils/validate.js';
  import pagingList from '@/common/mixin/paging_list.js';
  import {
    TUIConversationService
  } from '@tencentcloud/chat-uikit-engine';
  import {
    TUILogin
  } from "@tencentcloud/tui-core";
  import {
    SYSTEM_CONFIG,
    SDKAppID,
    secretKey
  } from "@/common/config.js";
  import {
    TUIChatKit,
    genTestUserSig
  } from "@/TUIKit";
  import {
    vueVersion
  } from "@/TUIKit/adapter-vue";
  // 22222222222222222222222222
  export default {
    components: {},
    mixins: [pagingList],

    data() {
      return {
        remark: '',
        popupShow1717472690849: false,
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        "popupShow1717403550224": false,
        "popupShow1717403457180": false,
        "subscripts": {
          "article": "",
          "message": "",
          "chat": "",
          "all": ""
        },
        "id": "1",
        userinfo: '',
        "dataMessage": [],
        total: 0,
        isShow: false,
        typeId: '',
        liaotian_coin: 0,
        dianhua_coin: 0,
        lat: '',
        isMore: false,
        lng: '',
      };
    },
    computed: {
      // 用户信息
      userInfo: {
        get() {
          return this.$store.state.userInfo
        },
        set() {
          this.$store.commit('updateUserInfo', value)
        },
      },
    },
    watch: {},
    onLoad(options) {
      let {
        aid
      } = options
      if (aid !== undefined) this.id = aid
      this.getListFunc()
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      let that = this
      uni.showModal({
        title: '位置授权信息提示',
        content: '用于获取周边信息',
        success: function(res1) {
          if (res1.confirm) {
            uni.getLocation({
              type: 'gcj02',
              geocode: true,
              success: (res) => {
                that.lat = res.latitude;
                that.lng = res.longitude;
                that.getUser()
              },
              complete: (complete) => {
                console.log('complete', complete)
              }
            })
          }
        }
      })

      // #ifdef H5
      that.getUser()
      // #endif
      console.log(' this.userInfo', this.userInfo)
      const userID = this.userInfo ? this.userInfo.id.toString() : '';
      let config = {
        userID: userID, //User ID
        SDKAppID: SDKAppID, // Your SDKAppID
        secretKey: secretKey, // Your secretKey
      }
      const userSig = genTestUserSig(config).userSig;
      TUILogin.login({
        SDKAppID: config.SDKAppID,
        userID: config.userID,
        userSig: userSig,
        // 如果您需要发送图片、语音、视频、文件等富媒体消息，请设置为 true
        useUploadPlugin: true,
        useProfanityFilterPlugin: false,
        framework: `vue${vueVersion}` // 当前开发使用框架 vue2 / vue3
      }).then(() => {
        // let nums = uni.$TIM.getTotalUnreadMessageCount();
        // if (nums) {
        //   uni.setTabBarBadge({
        //     index: 2,
        //     text: nums.toString()
        //   })
        // }

      })
      this.$api.post(global.apiUrls.post665d2bb0f0f7c).then(res => {
        if (res.data.code == 1) {
          this.dianhua_coin = res.data.data.dianhua_coin
          this.liaotian_coin = res.data.data.liaotian_coin
        }
      })


    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      add() {
        if (!this.remark) {
          this.$message.info('请输入备注')
          return
        }
        this.$api.post(global.apiUrls.post666d0e1fec0a0, {
          user_id: this.id,
          remark: this.remark
        }).then(res => {
          this.remark = ''
          this.popupShow1717472690849 = false
          if (res.data.code == 1) {
            this.getUser()
          } else {
            this.$message.info(res.data.msg)
          }
        })
      },
      async goPay() {
        this.$api.post(global.apiUrls.post665d6b50be109, {
          type: this.typeId == 1 ? 2 : 1,
          fan_userId: this.id
        }).then(res => {
          this.popupShow1717403550224 = false
          if (res.data.code == 1) {
            if (this.typeId == 2) {
              TUIConversationService.switchConversation(`C2C${this.id}`)
              uni.navigateTo({
                url: "/TUIKit/components/TUIChat/index"
              })
            } else {
              this.callMobile(this.userinfo._mobile);
            }
          } else {
            this.$message.info(res.data.msg)
          }
        })
      },
      goPhone() {
        // if (this.userinfo.user_group != 1) {
        //   return;
        // }
        this.$api.post(global.apiUrls.post665d67be91574, {
          user_id: this.id
        }).then(res => {
          if (res.data.code == 1) {
            if (res.data.data.contact) {
              this.callMobile(this.userinfo._mobile);
            } else {
              this.typeId = 1
              this.popupShow1717403550224 = true
            }
          } else {

          }
        })
      },
      gochat() {
        this.$api.post(global.apiUrls.post665d6528bf0ac, {
          user_id: this.id
        }).then(res => {
          if (res.data.code == 1) {
            console.log('this.id', this.id)
            if (res.data.data.contact) {
              TUIConversationService.switchConversation(`C2C${this.id}`)
              uni.navigateTo({
                url: "/TUIKit/components/TUIChat/index"
              })
            } else {
              this.typeId = 2
              this.popupShow1717403550224 = true
            }
          } else {}
        })

      },
      addBlack() {
        this.$api.post(global.apiUrls.post665e7305437f0, {
          black_userId: this.id
        }).then(res => {
          this.popupShow1717403457180 = false
          this.isShow = false

          if (res.data.code == 1) {
            this.$message.info('已成功拉黑')
            // if (item.is_follow == 1) {
            //   item.is_follow = 0
            // } else {
            //   item.is_follow = 1
            // }
          } else {
            this.$message.info(res.data.msg)
          }
        })
      },
      collect() {
        this.$api.post(global.apiUrls.post66505b8b64564, {
          user_id: this.id
        }).then(res => {
          this.$message.info(res.data.msg)
          if (res.data.code == 1) {
            if (this.userinfo.is_follow == 1) {
              this.userinfo.is_follow = 0
            } else {
              this.userinfo.is_follow = 1
            }
          } else {
            this.$message.info(res.data.msg)
          }
        })
      },
      // 用户管理-意见反馈记录
      getListFunc() {
        this.minixPagingListsApi = global.apiUrls.post6458a3d122c06;
        this.pageingListApiMethod = 'get';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          user_id: this.id,
          is_me: 1
        }
        this.listData = [];
        this.dataMessage = this.listData;
        this.pagingListToggle();

      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      },
      like(item) {
        this.$api.post(global.apiUrls.post6459b3da18828, {
          post_id: item.aid
        }).then(res => {
          if (res.data.code == 1) {
            if (item.isLike == 1) {
              item.isLike = 0
              item.like_count = item.like_count - 1
            } else {
              item.isLike = 1
              item.like_count = item.like_count + 1
            }
            console.log(item.isLike)
          } else {
            this.$message.info(res.data.msg)
          }
        })
      },
      getUser() {
        this.$api.post(global.apiUrls.post5c78c4772da97, {
          user_id: this.id,
          lat: this.lat,
          lng: this.lng,
        }).then(res => {
          if (res.data.code == 1) {
            this.userinfo = res.data.data
            console.log('userinfo', this.userinfo)
            // this.remark = this.userinfo.remark
          }
        })
        this.$api.post(global.apiUrls.post6458a3d122c06, {
          user_id: this.id,
          is_me: 1
        }).then(res => {
          if (res.data.code == 1) {
            this.total = res.data.data.total
          }
        })
      },

    }
  };
</script>
<style lang="scss" scoped>
  .company {
    border: 1rpx solid #EEEEEE;
    padding: 15rpx 24rpx;
    width: auto;
    border-radius: 16rpx;
  }

  .zhankai {
    .zhankai-icon {
      width: 24rpx;
      height: 48rpx;
      transform: rotate(90deg);
    }

    .zhankai-icons {
      width: 24rpx;
      height: 48rpx;
      transform: rotate(270deg);
    }
  }

  .bgggg {
    width: 750rpx;
    height: 750rpx;
    display: block;
    position: absolute;
    // padding-top: 88rpx;
    top: 0;
    left: 0
  }

  .playd {
    width: 60rpx;
    height: 60rpx;
    position: absolute;
    top: 33%;
    left: 33%;
  }

  .chooseCompany_flex_3 {
    background: #FFFFFF;
    padding: 32rpx;
    background-size: 100% auto;
  }

  .chooseCompany_fd3_1 {
    background: #5ECA71;
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    width: 104rpx;
    line-height: 48rpx;
    font-size: 24rpx;
    color: #fff;
    height: 48rpx;
  }

  .chooseCompany_fd3_0 {
    background: #F8F8F8;
    border-radius: 36rpx 36rpx 36rpx 36rpx;
    line-height: 80rpx;
    height: 80rpx;
    padding: 0rpx 0rpx 0rpx 24rpx;
    width: 550rpx;
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    // background: url(image-path('164.png')) no-repeat;
    background-size: 100% auto;
  }

  .userHome_flex_0 {
    // background: url(image-path('164.png')) no-repeat;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .userHome_fd0_0_c2_c1 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .userHome_fd0_0_c2_c0_c0 {
    color: var(--benbenFontColor0);
    font-size: 24rpx;
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .userHome_fd0_0_c2_c0 {
    background: url(image-path('170.png')) no-repeat;
    background-size: 100% auto;
    width: 132rpx;
    height: 67rpx;
    position: fixed;
    top: 130rpx;
    right: 24rpx;
    z-index: 9999;
  }

  .userHome_fd0_0_c2 {
    width: 200rpx;
    position: relative;
  }

  .userHome_fd0_0_c0 {
    width: 200rpx;
  }

  .userHome_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
    color: var(--benbenFontColor3);
    font-size: 32rpx;
  }

  .userHome_flex_1 {
    background: #FFFFFF;
    background-size: 100% 100%;
    margin: 250rpx 0rpx 0rpx 0rpx;
    position: relative;
  }

  .userHome_fd1_1_c1_c1_c4_c0_c1 {
    color: var(--benbenFontColor2);
  }

  .userHome_fd1_1_c1_c1_c4_c0_c0 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .userHome_fd1_1_c1_c1_c4 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .userHome_fd1_1_c1_c1_c3_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor2);
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .userHome_fd1_1_c1_c1_c3_c0 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor2);
  }

  .userHome_fd1_1_c1_c1_c2_c0_c0 {
    width: 180rpx;
    height: 180rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .userHome_fd1_1_c1_c1_c2_c0 {
    margin: 12rpx 0 12rpx 8rpx;
  }

  .userHome_fd1_1_c1_c1_c2 {
    padding: 12rpx 0rpx 0rpx 8rpx;
  }

  .userHome_fd1_1_c1_c1_c1_c0_c0 {
    line-height: 46rpx;
    font-size: 32rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
    padding: 0rpx 30rpx 0rpx 0rpx;
  }

  .userHome_fd1_1_c1_c1_c1_c0 {
    color: #333333;
  }

  .userHome_fd1_1_c1_c1_c1 {
    position: relative;
    padding: 0rpx 0rpx 0rpx 16rpx;
  }

  .userHome_fd1_1_c1_c1_c0_c1_c0 {
    font-size: 24rpx;
  }

  .userHome_fd1_1_c1_c1_c0_c0_c1_c1 {
    color: var(--benbenFontColor2);
    margin: 0rpx 24rpx 0rpx 0;
  }

  .userHome_fd1_1_c1_c1_c0_c0_c1 {
    font-size: 24rpx;
    margin: 06rpx 0rpx 0rpx 0rpx;
  }

  .userHome_fd1_1_c1_c1_c0_c0_c0 {
    // font-weight: 600;
    font-size: 32rpx;
  }

  .userHome_fd1_1_c1_c1_c0_c0 {
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .userHome_fd1_1_c1_c1_c0 {
    margin: 0rpx 0rpx 12rpx 0rpx;
  }

  .userHome_fd1_1_c1_c1 {
    margin: 0rpx 0rpx 0rpx 0rpx;
  }

  .userHome_fd1_1_c1_c0 {
    width: 80rpx;
    height: 80rpx;
    border-radius: 16rpx;
  }

  .userHome_fd1_1_c1 {
    border-bottom: 1px solid #eee;
    background: var(--benbenbgColor1);
    padding: 24rpx;
    width: 702rpx;
    margin: 24rpx auto 0rpx auto;
    box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.1);
    background-size: 100% auto;
    border-radius: 16rpx;
  }

  .userHome_fd1_1_c0_c0 {
    font-size: 32rpx;
    font-weight: 600;
  }

  .userHome_fd1_1_c0 {
    margin: 32rpx auto 0rpx auto;
    width: 702rpx;
  }

  .userHome_fd1_1 {
    background: var(--benbenbgColor1);
    margin: 32rpx auto 0rpx auto;
    width: 750rpx;
    background-size: 100% auto;
  }

  .userHome_fd1_0_c0_c4_c0 {
    font-size: 28rpx;
    color: var(--benbenFontColor2);
  }

  .userHome_fd1_0_c0_c3_c0 {
    width: 150rpx;
    text-align: center;
    border: 1px solid #fc9c3a;
    font-size: 28rpx;
    color: #fc9c3a;
    // padding: 6rpx 10rpx 6rpx 10rpx;
    border-radius: 8rpx;
    height: 50rpx;
    line-height: 50rpx;
    margin: 0rpx 16rpx 16rpx 0rpx;
  }

  .userHome_fd1_0_c0_c3 {
    margin: 24rpx 0rpx 24rpx 0rpx;
  }

  .userHome_fd1_0_c0_c2_c1 {
    margin: 0rpx 0rpx 0rpx 16rpx;
    color: var(--benbenFontColor1);
  }

  .userHome_fd1_0_c0_c1_c1 {
    color: var(--benbenFontColor2);
    font-size: 28rpx;
  }

  .userHome_fd1_0_c0_c1_c0_c1 {
    width: 35rpx;
    height: 35rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .userHome_fd1_0_c0_c1_c0_c0 {
    font-size: 36rpx;
    font-weight: 600;
    margin: 24rpx 0rpx 24rpx 0rpx;
  }

  .userHome_fd1_0_c0_c0_c1_c0_c1 {
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .userHome_fd1_0_c0_c0_c1 {
    width: 450rpx;
  }

  .userHome_fd1_0_c0_c0_c0_c0 {
    border: 2px solid var(--benbenbdColor1);
    width: 180rpx;
    height: 180rpx;
    border-radius: 16rpx;
  }

  .userHome_fd1_0_c0_c0 {
    margin: -85rpx 0rpx 0rpx 0rpx;
  }

  .userHome_fd1_0_c0 {
    background: var(--benbenbgColor1);
    border-radius: 16rpx;
    width: 702rpx;
    background-size: 100% auto;
    margin: 0rpx auto 32rpx auto;
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .userHome_fd1_0 {
    background: var(--benbenbgColor1);
    background-size: 100% auto;
  }

  .userHome_flex_2 {
    background: #fff;
    width: 540rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .userHome_fd2_2_c1 {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
    font-size: 32rpx;
    color: rgba(94, 202, 113, 1);
    font-weight: 500;
    width: 270rpx;
  }

  .userHome_fd2_2_c0 {
    border-top: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    font-weight: 500;
    width: 270rpx;
  }

  .userHome_fd2_2 {
    margin: 37rpx 0rpx 0rpx 0rpx;
  }

  .userHome_fd2_1 {
    line-height: 52rpx;
    font-size: 32rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 32rpx 0rpx 32rpx;
    text-align: center;
  }

  .userHome_fd2_0 {
    font-size: 36rpx;
    font-weight: 700;
    line-height: 32rpx;
    color: #333333;
    margin: 40rpx 0rpx 40rpx 0rpx;
  }

  .userHome_flex_3 {
    background: #FFFFFF;
    height: 89rpx;
    width: 702rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: calc(50rpx + var(--window-bottom));
    right: 24rpx;
    z-index: 9;
  }

  .userHome_fd3_0_c1 {
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .userHome_fd3_0_c0 {
    width: 52rpx;
    height: 52rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .userHome_flex_4 {
    background: #fff;
    width: 540rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .userHome_fd4_2_c1 {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
    font-size: 32rpx;
    color: rgba(94, 202, 113, 1);
    font-weight: 500;
    width: 270rpx;
  }

  .userHome_fd4_2_c0 {
    border-top: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    font-weight: 500;
    width: 270rpx;
  }

  .userHome_fd4_2 {
    margin: 37rpx 0rpx 0rpx 0rpx;
  }

  .userHome_fd4_1 {
    line-height: 52rpx;
    font-size: 32rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 32rpx 0rpx 32rpx;
    text-align: center;
  }

  .userHome_fd4_0 {
    font-size: 36rpx;
    font-weight: 700;
    line-height: 32rpx;
    color: #333333;
    margin: 40rpx 0rpx 40rpx 0rpx;
  }
</style>
